<template>
	<view class="top-tips-view">
		<text class="top-tips">
			客服微信：{{ userSchoolInfo.wxNum }}
		</text>
	</view>
	<view class="imgClass">
		<image :show-menu-by-longpress="true" :src="userSchoolInfo.wxImg" mode="widthFix"></image>
	</view>

	<text class="tips">
		长按，识别图中二维码，添加客服微信
	</text>

	<view class="info">
		<text>
			客服电话：{{ userSchoolInfo.phone }}
		</text>
	</view>


	<view class="info_phone">
		<text>客服QQ：{{ userSchoolInfo.qqNum }}</text>
	</view>

	<view class="bottom">
		<text>哪里不会问哪里，在线客服解决所有疑问</text>
	</view>
</template>

<script setup>
import { onShow } from "@dcloudio/uni-app"
import { ref } from 'vue'
import { getSchool } from '@/api/list.js'

const userSchoolInfo = ref({
	wxNum: 'aihuahua',
	wxImg: 'https://campus-card-oss.jxwazx.cn.cn/xiaoyuanka/school/1725450545709/150961725450503_.pic.jpg',
	phone: '17707962579',
	qqNum: '1986754601'
})
onShow(async () => {
	const res = await getSchool();
	userSchoolInfo.value = res.data;
})
</script>

<style lang="less" scoped>
.imgClass {
	text-align: center;
	margin: 14rpx;
}

.top-tips-view {
	padding-top: 24rpx;
	padding-left: 40rpx;
}

.tips {
	display: block;
	color: red;
	text-align: center;
	padding: 0 14rpx;
}

.info {
	padding-left: 40rpx;
	padding-top: 24rpx;
}

.info_phone {
	padding-left: 40rpx;

}


.bottom {
	font-size: 30rpx;
	padding-top: 24rpx;
	color: #000000;
	text-align: center;
	opacity: 0.6;
}
</style>
